<template>
  <div id="app">
   <input type="text" v-model="msg"><br>
   <br>
   <textarea  v-model="inner"  name="" id="" cols="30" rows="10"></textarea><br>
    <select v-model="fn" name="" id="">
      <option value="wh">武汉</option>
      <option value="bj">北京</option>
      <option value="sh">上海</option>
      <option value="gz">广州</option>
      <option value="hz">杭州</option>
      <option value="tw">台湾</option>
    </select>
   <br>
    <input type="checkbox" v-model="hobby" value="drink">喝酒
     <input type="checkbox" v-model="hobby" value="smoking">抽烟
      <input type="checkbox" v-model="hobby" value="hoHead">烫头
      <hr>
      <input type="checkbox" v-model="isAll">全部
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg:'',
      inner:'',
      fn:'',
      hobby:[],
      isAll:false

    }
  }
}
</script>

<style >

</style>